<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <title>茶花女 - 详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link rel="stylesheet" href="navT.css">
  <link rel="stylesheet" href="comm.css">
  <link rel="stylesheet" href="midSite.css">
  <link rel="stylesheet" href="ditail.css">
</head>
<body>
  <h1>书籍详情</h1>

  <!-- 宣传视频 -->
  <div class="video-box">
    <video src="https://www.w3schools.com/html/mov_bbb.mp4" controls poster="C:\Users\dante\Pictures\Screenshots\new3.webp"></video>
  </div>

  <!-- 内容简介 -->
  <div class="detail-frame">
    <h2>茶花女</h2>
    <p>《茶花女》是小仲马根据巴黎交际花玛丽·杜普莱西的真实经历创作的爱情悲剧，被誉为19世纪法国现实主义文学的里程碑。</p>
    <p>美丽善良的玛格丽特因偏爱茶花而被称为“茶花女”。她与青年阿尔芒坠入爱河，却为保全爱人家族声誉，默默忍受误解与牺牲，最终香消玉殒。</p>
    <p>小说以凄美动人的笔触，控诉了资产阶级道德的虚伪，歌颂了超越阶级与偏见的纯洁爱情，至今仍是世界文学史上最动人的爱情故事之一。</p>
    <p><strong>作者：</strong>亚历山大·小仲马</p>
    <p><strong>首版年份：</strong>1848年</p>
    <p><strong>页数：</strong>245 页</p>
    <p><strong>定价：</strong>￥35.00</p>
  </div>

  <!-- 底部按钮 -->
  <div class="btn-bar">
    <button class="btn-sm" onclick="addCart(3,'茶花女',35.0,'https://img1.doubanio.com/view/subject/l/public/s29053580.jpg')">加入购物车</button>
    <button class="btn-sm" onclick="location.href='index.html'">返回主页</button>
  </div>

  <script type="module">
    const CART_KEY = 'myCart';
    function getCart() { try { return JSON.parse(localStorage.getItem(CART_KEY)) || []; } catch { return []; } }
    function addCartItem(item) { const list = getCart(); list.push(item); localStorage.setItem(CART_KEY, JSON.stringify(list)); }
    window.addCart = function (id, name, price, img) {
      addCartItem({ id, name, price, img: img || 'placeholder-封面', qty: 1 });
      alert('已加入购物车！');
    };
  </script>
</body>
</html>